/* Copyright 2014 Google Inc. All Rights Reserved. */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400);

@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
			100%{-webkit-transform:rotate(360deg)}}
@-webkit-keyframes loading {
    0%{margin-left:-100%}
    100%{margin-left:100%}}
.background {
    background-image:url(background.png)}
.placeholderImage {
    background-image:url(placeholder-audio.jpg)}
.progressBar {
    background-color:#fab231}
.gcpa {
    background:#111;
    color:#f1f1f1;
    font-family:'Open Sans',sans-serif;
    font-weight:300}
.gcpa,.gcpa .background,.gcpa .gcpb,.gcpa .gcpc,.gcpa .logo,.gcpa .splash {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    top:0}.gcpa .message,.gcpa .gcpd,.gcpa .watermark {
    position:absolute;
    top:64px;
    left:64px;
    bottom:64px;
    right:64px}.gcpa .background {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover}.gcpa .logo,
.gcpa .splash {
    background-position:center;
    background-repeat:no-repeat;
    color:rgba(221,221,221,0.8);
    display:none;
    font-size:44px;
    padding-top:25%;
    position:absolute;
    text-align:center}.gcpa .message {
    background-repeat:no-repeat;
    color:rgba(255,255,255,0.8);
    font-size:22px;
    opacity:0;
    text-shadow:0 0 5px rgba(0,0,0,0.8);
    -webkit-transition:opacity 1s linear}.gcpa .message.gcpe {
    opacity:1.0}.gcpa .watermark {
    display:none;
    background-position:bottom right;
    background-repeat:no-repeat}.gcpa video {
    display:none;
    background-color:#111;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%;
    width:100%}.gcpa .gcpd {
    display:none;
    top:auto}.gcpa .gcpc {
    display:none;
    opacity:0.9;
    background:linear-gradient(to top,
			       rgba(0,0,0,0.9),
			       rgba(0,0,0,0) 72%,
			       rgba(0,0,0,0) 100%)}
.gcpa .gcpf {
    width:100%}.gcpa .gcpg {
    background-size:cover;
    background-position:bottom;
    background-repeat:no-repeat}
.gcpa .placeholderImage {
    display:none}
.gcpa .gcph {
    padding-bottom:54px}
.gcpa .gcpi {
    color:rgba(255,255,255,0.8);
    font-size:44px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:80%}
.gcpa .gcpj {
    color:rgba(203,203,203,0.8);
    font-size:22px;
    line-height:33px;
    max-height:66px;
    overflow:hidden;
    width:80%}
.gcpa .gcpj span:not(:first-child):before {
    content:'\0000b7';
    padding-left:10px;
    padding-right:10px;
    font-weight:bold}
.gcpa .gcpk {
    bottom:0;
    height:30px;
    left:0;
    position:absolute;
    right:0}
.gcpa .gcpl {
    background-size:cover;
    border:0;
    float:left;
    height:36px;
    margin-left:-4px;
    margin-top:-3px;
    width:32px}
.gcpa .gcpm {
    background-color:rgba(255,255,255,0.2);
    height:8px;
    margin-top:11px;
    margin-bottom:11px;
    overflow:hidden;
    position:relative}
.gcpa .gcpn {
    height:100%;
    opacity:0.8}
.gcpa .gcpo {
    height:100%;
    width:3px;
    background-color:rgba(255,255,255,0.5);
    position:absolute;
    top:0;
    margin-left:-3px}
.gcpa .gcpp,.gcpa .gcpq {
    color:rgba(255,255,255,0.8);
    font-size:16px;
    font-weight:400}
.gcpa .gcpp {
    float:left;
    line-height:30px;
    margin-left:15px;
    margin-right:15px}
.gcpa .gcpq {
    float:right;
    line-height:30px;
    margin-left:15px}
.gcpa .watermark {
    margin-bottom:54px}
.gcpa[state="launching"] .logo {
    display:block}
.gcpa[state="launching"] .gcpr {
    -webkit-animation:spin 1s infinite linear;
    height:36px;
    width:32px;
    display:block;
    position:absolute;
    background-image:url(buffering.png);
    bottom:64px;
    left:50%;
    margin-left:-16px}
.gcpa[state="loading"] .gcpp,
.gcpa[state="loading"] .gcpq,
.gcpa[state="loading"] .gcpo,
.gcpa[state="loading"] .gcpl {
    display:none}
.gcpa[state="loading"] .gcpn {
    width:90%!important;
    -webkit-animation:loading 2s infinite linear}
.gcpa[state="buffering"] .gcpl {
    background-image:url(buffering.png);
    -webkit-animation:spin 1s infinite linear}
.gcpa[state="paused"] .gcpl {
    background-image:url(paused.png)}
.gcpa[state="playing"] .gcpl {
    display:none}
.gcpa[state="idle"] .splash {
    display:block}
.gcpa[type="image"][state="paused"] video {
    display:block}
.gcpa[type="image"][state="loading"] .background,
.gcpa[type="image"][state="paused"] .background {
    background-color:#111;
    background-image:none}
.gcpa[type="audio"] .gcpi,
.gcpa[type="audio"] .gcpi {
    font-size:22px;
    font-weight:400}
.gcpa[type="audio"] .gcpg,
.gcpa[type="audio"] .gcpg {
    height:384px;
    box-shadow:0px 0px 10px 5px rgba(0,0,0,0.3);
    width:384px}
.gcpa[type="audio"] .gcpf {
    margin-top:15px}
.gcpa[type="audio"] .placeholderImage,
.gcpa[type="audio"] .placeholderImage {
    display:block}
.gcpa[type="audio"][state="loading"] .gcpd,
.gcpa[type="audio"][state="paused"] .gcpd {
    display:block;
    margin:0!important}
.gcpa[type="audio"][state="loading"] .watermark,
.gcpa[type="audio"][state="paused"] .watermark {
    display:block;
    margin:0!important;
    margin-bottom:54px!important}
.gcpa[type="audio"][state="buffering"] .gcpd,
.gcpa[type="audio"][state="playing"] .gcpd {
    display:block}
.gcpa[type="audio"][state="buffering"] .gcph,
.gcpa[type="audio"][state="playing"] .gcph {
    display:block;
    padding-bottom:0}
.gcpa[type="audio"][state="buffering"] .gcpf,
.gcpa[type="audio"][state="playing"] .gcpf {
    float:left;
    margin-top:19px}
.gcpa[type="audio"][state="buffering"] .gcpk,
.gcpa[type="audio"][state="playing"] .gcpk {
    height:4px;
    position:absolute;
    width:384px;
    bottom:auto;
    left:auto;
    right:auto;
    top:auto}
.gcpa[type="audio"][state="buffering"] .gcpm,
.gcpa[type="audio"][state="playing"] .gcpm {
    height:4px;
    margin-top:0;
    margin-bottom:0}
.gcpa[type="audio"][state="buffering"] .gcpp,
.gcpa[type="audio"][state="buffering"] .gcpq,
.gcpa[type="audio"][state="buffering"] .gcpl,
.gcpa[type="audio"][state="playing"] .gcpp,
.gcpa[type="audio"][state="playing"] .gcpq,
.gcpa[type="audio"][state="playing"] .gcpl {
    display:none}
.gcpa[type="audio"][state="buffering"] .watermark,
.gcpa[type="audio"][state="playing"] .watermark {
    display:block;
    margin-bottom:0}
.gcpa[type="video"] .gcph {
    display:flex}
.gcpa[type="video"] .gcpg {
    align-self:flex-end;
    height:143px;
    margin-right:32px;
    min-width:96px}
.gcpa[type="video"] .gcpf {
    align-self:flex-end}
.gcpa[type="video"][state="loading"] .gcpd,
.gcpa[type="video"][state="loading"] .watermark {
    display:block}
.gcpa[type="video"][state="buffering"] video {
    display:block}
.gcpa[type="video"][state="buffering"] .gcpc,
.gcpa[type="video"][state="buffering"] .gcpd {
    display:block;
    visibility:visible}
.gcpa[type="video"][state="buffering"] .gcpc {
    opacity:0.1}
.gcpa[type="video"][state="buffering"] .gcph,
.gcpa[type="video"][state="buffering"]:not(.gcps) .gcpp,
.gcpa[type="video"][state="buffering"]:not(.gcps) .gcpq,
.gcpa[type="video"][state="buffering"]:not(.gcps) .gcpm {
    display:none}
.gcpa[type="video"][state="paused"] video {
    display:block}
.gcpa[type="video"][state="paused"] .gcpc,
.gcpa[type="video"][state="paused"] .gcpd,
.gcpa[type="video"][state="paused"] .watermark {
    display:block;
    visibility:visible}
.gcpa[type="video"][state="paused"] .gcph,
.gcpa[type="video"][state="paused"] .watermark,
.gcpa[type="video"][state="paused"]:not(.gcps) .gcpm,
.gcpa[type="video"][state="paused"]:not(.gcps) .gcpp,
.gcpa[type="video"][state="paused"]:not(.gcps) .gcpq {
    opacity:0;
    -webkit-transition:opacity 1s linear 5s}
.gcpa[type="video"][state="paused"] .gcpc {
    opacity:0.1;
    -webkit-transition:opacity 1s linear 5s}
.gcpa[type="video"][state="playing"] video {
    display:block}
.gcpa[type="video"][state="playing"] .gcpc,
.gcpa[type="video"][state="playing"] .gcpd,
.gcpa[type="video"][state="playing"] .watermark {
    display:block;
    visibility:hidden}
.gcpa[type="video"][state="playing"].gcps .gcpc,
.gcpa[type="video"][state="playing"].gcps .gcpd {
    visibility:visible}
.gcpa[type="video"][state="playing"].gcps .gcph {
    display:none}